<template>
	<!--组件解析-->
	<!--el开头都是element-plus官方组件--->
	<el-card shadow="never" header="近7天操作记录">
		<!--sc开头是SCUI自定义的组件-->
		<!--
			某个属性的属性值如果是布尔值，而且不需要动态改变，那么如果是true加上属性名即可，如果是false移除属性名即可
			如果需要动态改变，那么可以 :hideDO="hideDo"
			--->
		<scTable ref="table" :data="data" height="auto" paginationLayout="total, prev, pager, next" :hideDo="hideDo" :apiObj="apiObj">
			<sc-table-column label="序号" type="index"></sc-table-column>
			<!--prop 表示没一行数据item中的key--->
			<sc-table-column label="业务名称" prop="title" min-width="240"></sc-table-column>
			<sc-table-column label="IP" prop="ip" width="150"></sc-table-column>
			<sc-table-column label="结果" prop="code" width="150">
				<el-tag type="success">成功</el-tag>
			</sc-table-column>

			<sc-table-column label="操作时间" prop="time" width="150"></sc-table-column>

		</scTable>
	</el-card>
</template>

<script>
	export default {
		data() {
			return {
				//数据分页如何传参
				apiObj:{
					//get的属性值必须是可执行的callable方法
					get:(data={})=>{
						this.$API.account.logList.get(data)
					}
				},
				hideDo:true,
				data: 
				[
					
					{
						title: "修改用户 lolowan",
						ip: "211.187.11.18",
						code: "成功",
						time: "2022-10-10 08:41:17"
					},
					{
						title: "用户登录",
						ip: "211.187.11.18",
						code: "成功",
						time: "2022-10-10 08:21:51"
					}
				]
			}
		}
	}
</script>

<style>
</style>
